#out-shadow {
  background:url(../image/shadow.png);
  background:-moz-radial-gradient(center center,circle cover,hsla(0,0%,0%,.0) 0%,hsla(0,0%,3%,9) 100%)no-repeat;
  background:-webkit-gradient(radial,center center,0,center center,800,from(hsla(0,0%,0%,.0)),to(hsla(0,0%,3%,9)) );
  background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
  background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
  background:radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=1);
  margin:0 !important;
  padding:0 !important;
}
/* layout */
#wrap2 {padding-top:70px;}
#main-wrapper {
  margin:0 auto;
  text-align:left;
  margin:10px auto;
  width:1250px;
}
.index #main-wrapper {
  margin:0 auto;
  text-align:left;
  margin:10px auto;
  width:1200px;
}
#main {
  margin:0 auto;
  float:left;
  overflow-x:hidden;
  width:100%;
}
.main,#main-wrapper {
  overflow-y:hidden;
}
.post,.main {
  width:100%;
  line-height:0;
  margin:0 auto !important;
}

/* header bawah */
#header-wrapper {
  height:auto;
  min-height:130px;
  color:white;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;
  padding:27px 15px 20px;
}
#header {
  width:25.59521739130435%;
  float:left;
  margin-top:20px;
  margin-left:23px;
  text-align:center;
  background-image:url(../image/big-border-top.png);
  background-position:top center;
  background-repeat:repeat-y;
  height:115px;
  color:#555;
  color:#fff;
}
#header a,#header a:visited {color:white;}
#header .description {
  font:normal normal 100%/1.5em Alike,Georgia,"URW Bookman L",Serif;
  color:#999;
  padding:5px 30px 0;
  margin:0 0;
}
#header-logo {
  position:relative;
  width:84px;
  height:35px;
  display:block;
  margin:20px 0px 0px 123px;
}
#header-logo span,#header-logo span:before,#header-logo span:after {
  content:"";
  position:absolute;
  display:block;
}
#header-logo .char-d {
  width:7px;
  border:7px solid white;
  top:0;
  bottom:0;
  left:0;
}
#header-logo .char-d:before {
  border:2px solid transparent;
  top:-7px;
  right:-7px;
  border-color:#333 #333 transparent transparent;
}
#header-logo .char-h {
  width:7px;
  top:0;
  bottom:0;
  left:22px;
  border-left:7px solid white;
  border-right:7px solid white;
}
#header-logo .char-h:before {
  width:7px;
  height:0;
  top:14px;
  border-top:7px solid white;
  left:0;
  right:0;
}
#header-logo .char-f {
  width:9px;
  top:0;
  bottom:0;
  left:44px;
  border:7px solid white;
  border-right:none;
  border-bottom:none;
}
#header-logo .char-f:before {
  top:8px;
  left:0;
  width:6px;
  border-top:7px solid white;
}
#header-logo .char-symb {
  position:absolute;
  top:14px;
  left:59px;
  width:35px;
  height:3px;
  border:3px solid #5498C9;
  -webkit-border-radius:52px;
  -moz-border-radius:52px;
  border-radius:52px;
  -webkit-transform:rotate(540deg);
  -moz-transform:rotate(540deg);
  -ms-transform:rotate(540deg);
  -o-transform:rotate(540deg);
  transform:rotate(540deg);
}
#header-logo .char-symb:before {
  display:block;
  bottom:4px;
  left:4px;
  width:23px;
  height:23px;
  border:2px solid transparent;
  border-bottom-color:white;
  border-left-color:white;
  -webkit-border-radius:42px;
  -moz-border-radius:42px;
  border-radius:42px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}
#header-logo .char-symb:after {
  content:"";
  top:11px;
  left:4px;
  width:10px;
  height:10px;
  background-color:white;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
#header-logo .char-symb span {
  content:"";
  top:11px;
  left:auto;
  right:4px;
  width:10px;
  height:10px;
  background-color:white;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
#header-logo:hover .char-symb:before {
  border-bottom-color:#ED1C24;
  border-left-color:transparent;
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  transform:rotate(0deg);
}
#header-logo .char-symb .trip {
  top:14px;
  left:auto;
  right:7px;
  width:4px;
  height:4px;
  background-color:#ED1C24;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
#header-logo .char-symb .trap {
  top:14px;
  right:24px;
  width:4px;
  height:4px;
  background-color:#ED1C24;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  z-index:1;
}
#header-logo:hover .char-symb:after,#header-logo:hover .char-symb span {background-color:#5498C9;}
#header-logo:hover .char-symb .trip,#header-logo:hover .char-symb .trap {background-color:white;}
#header-logo:hover .char-symb,#header-logo:focus .char-symb,#header-logo.focused .char-symb {
  top:-3px;
  left:62px;
  width:35px;
  height:35px;
  border-color:yellow;
  -webkit-transform:rotate(-1deg);
  -moz-transform:rotate(-1deg);
  -ms-transform:rotate(-1deg);
  -o-transform:rotate(-1deg);
  transform:rotate(-1deg);
  -webkit-animation:updown .2s infinite alternate .5s;
  -moz-animation:updown .2s infinite alternate .5s;
  -ms-animation:updown .2s infinite alternate .5s;
  -o-animation:updown .2s infinite alternate .5s;
  animation:updown .2s infinite alternate .5s;
}
#header-logo .char-symb,#header-logo .char-symb:after,#header-logo .char-symb span {
  -webkit-transition:all 2s ease-in-out;
  -moz-transition:all 2s ease-in-out;
  -ms-transition:all 2s ease-in-out;
  -o-transition:all 2s ease-in-out;
  transition:all 2s ease-in-out;
}


#header-wrapper .top-menu-home {
  position:absolute;
  top:90px;
  right:0;
  width:71.93478260869565%;
  padding:0.5em 0 0.15em 0;
}
#header-wrapper .top-menu-home a:link,#header-wrapper .top-menu-home a:visited {
  width:15%;
  float:left;
  margin:-8px 0 0 28px;
  padding:16px 0 16px;
  font-size:16px;
  color:#ccc;
  font-family:'Open Sans',arial narrow,arial,sans serif!Important;
  font-weight:normal;
  line-height:120%;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  background-image:url(../image/border-center-top-left.png);
  background-position:bottom center;
  background-repeat:repeat-x;
  -webkit-transition:background .3s linear;
  -moz-transition:background .3s linear;
  -o-transition:background .3s linear;
  transition:background .3s linear;
  position:relative;
}
#header-wrapper .top-menu-home a.blog:before,#header-wrapper .top-menu-home a.about:before,#header-wrapper .top-menu-home a.archive:before,#header-wrapper .top-menu-home a.contact:before {
  position:absolute;
  left:-18px;
  top:30px;
  width:32px;
  height:32px;
  color:#ccc;
  text-shadow:0 0 12px #fff;
  line-height:2em;
  background-color:#333;
  border:6px solid #888;
  text-align:center;
  font-weight:bold;
  font-family:Open Sans,arial,sans serif;
  border-radius:2em;
  -moz-border-radius:2em;
  -webkit-border-radius:2em;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;
  -moz-box-shadow:0 1px 3px #000;
  -webkit-box-shadow:0 1px 3px #000;
  box-shadow:0 1px 3px #000;
}
#header-wrapper .top-menu-home a.blog:hover:before,#header-wrapper .top-menu-home a.about:hover:before,#header-wrapper .top-menu-home a.archive:hover:before,#header-wrapper .top-menu-home a.contact:hover:before {
  -moz-transform:rotate(360deg);
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  -o-transform:rotate(360deg);
  transform:rotate(360deg);
  color:#161616 !important;
  border:6px solid #85A101;
  background-color:#C6EB04;
  -moz-box-shadow:0 0 10px #C6EB04,0 0 30px #C6EB04,0 0 50px #C6EB04,0 1px 3px #000 !important;
  -webkit-box-shadow:0 0 10px #C6EB04,0 0 30px #C6EB04,0 0 50px #C6EB04,0 1px 3px #000 !important;
  box-shadow:0 0 10px #C6EB04,0 0 30px #C6EB04,0 0 50px #C6EB04,0 1px 3px #000 !important;
}

#header-wrapper .top-menu-home a.blog:focus:before,
#header-wrapper .top-menu-home a.about:focus:before,
#header-wrapper .top-menu-home a.archive:focus:before,
#header-wrapper .top-menu-home a.contact:focus:before,
#header-wrapper .top-menu-home a.blog:focused:before,
#header-wrapper .top-menu-home a.about:focused:before,
#header-wrapper .top-menu-home a.archive:focused:before,
#header-wrapper .top-menu-home a.contact:focused:before{
  -moz-transform:rotate(360deg);
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  -o-transform:rotate(360deg);
  transform:rotate(360deg);
  color:#161616 !important;
  border:6px solid #85A101;
  background-color:#C6EB04;
  -moz-box-shadow:0 0 10px #C6EB04,0 0 30px #C6EB04,0 0 50px #C6EB04,0 1px 3px #000 !important;
  -webkit-box-shadow:0 0 10px #C6EB04,0 0 30px #C6EB04,0 0 50px #C6EB04,0 1px 3px #000 !important;
  box-shadow:0 0 10px #C6EB04,0 0 30px #C6EB04,0 0 50px #C6EB04,0 1px 3px #000 !important;
}


#header-wrapper .top-menu-home a.blog:before {content:'1';}
#header-wrapper .top-menu-home a.about:before {content:'2';}
#header-wrapper .top-menu-home a.archive:before {content:'3';}
#header-wrapper .top-menu-home a.contact:before {content:'4';}
#header-wrapper .top-menu-home a:hover {
  color:#C6EB04;
  text-shadow:0 0 30px #C6EB04;
}
#header-wrapper .top-menu-home .divider {
  float:left;
  text-align:center;
  width:1.44%;
}
div#phone {
  position:absolute;
  top:30px;
  right:50px;
  width:68%;
  padding:0.5em 0 0.95em 0;
  background-image:url(../image/big-border.png);
  background-position:bottom center;
  background-repeat:repeat-x;
  margin:10px 0 0 0;
}
div#phone h1.phone-number {
  font:100 40px/30px 'Raleway',arial narrow,arial,sans serif !important;
  padding:0;
  text-transform:uppercase;
  float:right;
  color:#454545;
}
div#phone h6.call {
  font:300 14px/14px 'Raleway',arial narrow,arial,sans serif !important;
  float:right;
  width:200px;
  margin-top:2px;
  margin-right:10px;
  text-align:right;
  line-height:120%;
  color:#444;
}

nav#topnav,nav#bottomnav {
  background-image:url(../image/border-nav.png);
  background-position:top center;
  background-repeat:no-repeat;
  padding:7px 0 0 0;
  width:1000px;
}
.item nav#topnav,.static_page nav#topnav {
margin:20px 0 0 125px;
}
.index nav#topnav {
margin:20px 0 0 100px;
}
.item nav#bottomnav,.static_page nav#bottomnav {
margin:20px 0 0 118px;
}
.index nav#bottomnav {
margin:20px 0 0 155px;
}

nav#topnav li,nav#bottomnav li {
  font:bold 11px/15px Open Sans,arial,sans serif;
  display:inline;
  background-image:url();
  background-position:top right;
  background-repeat:repeat-y;
  padding:8px 10px 2px 8px;
  margin-top:10px;
}
nav#topnav li a,nav#bottomnav li a {
  background-image:url(../image/dot-circle-li-x.png);
  background-repeat:no-repeat;
  background-position:0 0;
  height:26px !important;
  padding:0 0 10px 20px !important;
  font-family:'Raleway',arial narrow,arial,sans serif !important;
  color:#666!Important;
}
nav#topnav li a:link,nav#topnav li a:visited,nav#bottomnav li a:link,nav#bottomnav li a:visited {text-decoration:none;}

.container {
  padding-left:20px;
  padding-right:20px;
}
.container p {
  background-image:url(../image/center-border.png);
  background-position:top center;
  background-repeat:repeat-x;
  font-size:11px;
  color:#555;
  margin:0 auto;
  padding-top:5px;
  padding-right:10px;
}
.container h5 {
  text-transform:uppercase;
  text-align:center;
  line-height:25px;
  font-size:23px;
  font-family:'Raleway',arial narrow,arial,sans serif !important;
  color:#aaa;
}

.row {
  width:100%;
  max-width:1140px;
  min-width:755px;
  margin:0 auto;
  overflow:hidden;
}
.onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol {
  margin-right:3.8%;
  float:left;
  min-height:1px;
}
.row .onecol {width:4.85%;}
.row .twocol {width:13.45%;}
.row .threecol {width:22.05%;}
.row .fourcol {width:30.75%;}
.row .fivecol {width:39.45%;}
.row .sixcol {width:48%;}
.row .sevencol {width:56.75%;}
.row .eightcol {width:65.4%;}
.row .ninecol {width:74.05%;}
.row .tencol {width:82.7%;}
.row .elevencol {width:91.35%;}
.row .twelvecol {
  width:100%;
  float:left;
}
.last {margin-right:0;}

/* footer */
footer.footerwrap {
  position:relative;
  margin:0 auto;
  width:100%;
  z-index:2;
  color:#444;
  text-align:left;
  font-size:11px;
  background-color:transparent !important;
  background-image:url(../image/top-arrow.png);
  background-repeat:repeat-x;
  background-position:top center;
  -webkit-box-shadow:0 2px 5px rgba(0,0,0,.9) inset;
  -moz-box-shadow:0 2px 5px rgba(0,0,0,.9) inset;
  box-shadow:0 2px 5px rgba(0,0,0,.9) inset;
}
footer.footerwrap div.footerbody {background-color:rgba(0,0,0,.6);}
footer.footerwrap a {
  color:#444;
  text-decoration:none;
}

/* footer 3 kolom */
footer.footerwrap article.footergrd {
  width:1000px;
  margin:0 auto;
  text-align:left;
  font-size:99%;
  padding-bottom:20px;
  padding-top:2%;
}
footer.footerwrap article.footergrd section.footergrd-c1 {
  width:20%;
  float:left;
  text-align:right;
}
footer.footerwrap article.footergrd section.footergrd-c2 {
  width:20%;
  float:left;
}
footer.footerwrap article.footergrd section.footergrd-c3 {
  width:50%;
  float:left;
}
footer.footerwrap p {font-size:11px;}
footer.footerwrap article.footergrd section.footergrd-c1 h5,footer.footerwrap article.footergrd section.footergrd-c2 h5,footer.footerwrap article.footergrd section.footergrd-c3 h5 {
  padding:0 0 4px 0;
  font-size:29px;
  font-family:'Raleway','arial narrow','arial',sans serif;
  color:#444;
  text-shadow:0 -1px 1px hsla(0,0%,0%,.8);
  text-transform:uppercase;
}
footer.footerwrap article.footergrd li,footer.footerwrap article.footergrd section.footergrd-c3 h5 {
  padding:4px;
  background-image:url(../image/line-border.png);
  background-position:bottom right;
  background-repeat:no-repeat;
}
footer.footerwrap article.footergrd section.footergrd-c2 h5 {
  padding:4px;
  background-image:url(../image/small-line-border.png);
  background-position:bottom center;
  background-repeat:no-repeat;
}
footer.footerwrap article.footergrd section.footergrd-c1 h5 {
  padding:4px;
  background-image:url(../image/small-line-border-1.png);
  background-position:bottom center;
  background-repeat:no-repeat;
  font-family:'Raleway',arial narrow,arial,sans serif !important;
}
.footergrd-m1,.footergrd-m2,.footergrd-m3 {
  width:3%;
  height:1px;
  float:left;
}
.widget-content img.profile-img {
  border-radius:160px;
  -moz-border-radius:160px;
  -webkitborder-radius:160px;
  width:80px !important;
  height:80px !important;
  float:left !important;
  border:2px solid #222;
}

/* footer credit*/
aside#bawahbana {
  display:block;
  position:relative;
  z-index:2;
  background-color:#0e0e0e;
  background-image:url(../image/pattern.png);
  background-repeat:repeat;
  -webkit-box-shadow:0 1px 2px hsla(0,0%,0%,.9),0 -2px 4px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2);
  -moz-box-shadow:0 1px 2px hsla(0,0%,0%,.9),0 -2px 4px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2);
  box-shadow:0 1px 2px hsla(0,0%,0%,.9),0 -2px 4px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2);
}
aside#bawahbana p {
  position:relative;
  width:1000px;
  margin:0 auto;
  padding:14px 0;
  z-index:999;
  font-family:'Open Sans',arial narrow,arial,sans serif!Important;
  font-weight:600!Important;
  font-size:11px;
  text-shadow:0 -1px 1px hsla(0,0%,0%,.8);
  color:#353535;
  text-align:center;
}
aside#bawahbana p a {color:#353535;}
.profil-image-home {
  width:130px;
  position:relative;
  overflow:hidden;
  float:left;
}
.profil-image-home img {
  border:4px solid #222;
  border-radius:160px;
  -moz-border-radius:160px;
  -webkitborder-radius:160px;
}
a.fb,a.twitter,a.google-plus {
  border:#222 solid 4px;
  border-radius:160px;
  border-radius:50px;
  transition:all 0.2s ease-out;
}
.profil-image-icon img:hover {opacity:0.9;}
img.profile-img {
  width:72px !important;
  height:72px !important;
  margin:9px 10px 0 2px;
  float:left !important;
  margin:10px 0 30px 0;
}
.profil-dep-home {margin:10px 0 20px 20px;}
.profil-dep-home p {
  line-height:16px;
  padding-bottom:1px !important;
}
.profil-dep-home p a {text-decoration:none;}
a.fb {
  background-image:url(../image/spirt-2.png);
  background-repeat:no-repeat;
  background-position:0 -99px;
  width:21px;
  height:21px;
  position:absolute;
  top:6px;
  right:14px;
}
a.twitter {
  background-image:url(../image/spirt-2.png);
  background-repeat:no-repeat;
  background-position:-2px -124px;
  width:18px;
  height:18px;
  position:absolute;
  top:38px;
  right:7px;
}
a.google-plus {
  background-image:url(../image/spirt-2.png);
  background-repeat:no-repeat;
  background-position:-2px -146px;
  width:16px;
  height:16px;
  position:absolute;
  top:67px;
  right:17px;
}
a.fb:hover {
  border:4px solid #5e83cf !important;
  box-shadow:0 0 10px #3b5998,0 1px 3px #000 !important;
  -webkit-box-shadow:0 0 10px #3b5998,0 1px 3px #000 !important;
  -moz-box-shadow:0 0 10px #3b5998,0 1px 3px #000 !important;
}
a.twitter:hover {
  border:4px solid #45c6e3 !important;
  box-shadow:0 0 10px #45c6e3,0 1px 3px #000 !important;
  -webkit-box-shadow:0 0 10px #45c6e3,0 1px 3px #000 !important;
  -moz-box-shadow:0 0 10px #45c6e3,0 1px 3px #000 !important;
}
a.google-plus:hover {
  border:4px solid #e36347 !important;
  box-shadow:0 0 10px #e36347,0 1px 3px #000 !important;
  -webkit-box-shadow:0 0 10px #e36347,0 1px 3px #000 !important;
  -moz-box-shadow:0 0 10px #e36347,0 1px 3px #000 !important;
}
nav ul.menu-3 li {
  padding:4px 0 !important;
  margin:0 !important;
  background-image:url(../image/small-line-border.png) !important;
  background-position:bottom center !important;
  background-repeat:no-repeat !important;
}
nav ul.menu-3 li a {
  background-image:url(../image/spirt-2.png);
  background-repeat:no-repeat;
  margin:0;
  padding:0 0 0 26px;
  line-height:16px;
  text-decoration:none;
}
nav ul.menu-3 li.blogger a {background-position:0 -4px;}
nav ul.menu-3 li.g-site a {background-position:0 -28px;}
nav ul.menu-3 li.disqus a {background-position:0 -77px;}
nav ul.menu-3 li.w3c a {background-position:0 -53px;}

a#top {
  display:block;
  cursor:pointer;
  position:fixed !important;
  position:absolute;
  bottom:-50px;
  right:10px;
  z-index:999;
}
a#bottom {
  display:block;
  cursor:pointer;
  position:fixed !important;
  position:absolute;
  top:50px;
  right:10px;
  z-index:999;
}
a#top:focus,a#bottom:focus {outline:none;}


#loading-text {
  position:fixed !important;
  position:absolute;
  top:6px;
  left:50%;
  z-index:200;
  width:47px;
  height:17px;
  background:url(http://1.bp.blogspot.com/-0VNaiuH2yTI/UfEncv5i-6I/AAAAAAAACr0/ChcZFKNi4js/s320/comment.png) no-repeat;
  display:none;
}
#loading-text span {
  display:inline;
  background-color:#900;
  padding:5px 10px 7px;
  font:normal bold 11px/24px Arial,Sans-Serif;
  color:white;
}
#loading-text .notif-count {
  display:block;
  width:22px;
  height:14px;
  padding:0 2px 1px;
  font:normal bold 11px Tahoma,Verdana,Arial,Sans-Serif;
  color:white;
  text-decoration:none;
  text-transform:uppercase;
  text-align:center;
  text-shadow:0 -1px 0 rgba(0,0,0,0.4);
  margin:-5px auto 0 13px;
  overflow:hidden;
  background:rgb(171,11,7);
  background:-webkit-linear-gradient(center top,rgb(242,41,20),rgb(171,11,7)) repeat scroll 0% 0% transparent;
  background:-moz-linear-gradient(center top,rgb(242,41,20),rgb(171,11,7)) repeat scroll 0% 0% transparent;
  background:-ms-linear-gradient(center top,rgb(242,41,20),rgb(171,11,7)) repeat scroll 0% 0% transparent;
  background:-o-linear-gradient(center top,rgb(242,41,20),rgb(171,11,7)) repeat scroll 0% 0% transparent;
  background:linear-gradient(center top,rgb(242,41,20),rgb(171,11,7)) repeat scroll 0% 0% transparent;
  -webkit-box-shadow:0 1px 2px rgb(102,102,102);
  -moz-box-shadow:0 1px 2px rgb(102,102,102);
  -ms-box-shadow:0 1px 2px rgb(102,102,102);
  -o-box-shadow:0 1px 2px rgb(102,102,102);
  box-shadow:0 1px 2px rgb(102,102,102);
  border:1px solid rgb(137,4,5);
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
#alert-box {
  position:fixed !important;
  position:absolute;
  top:50px;
  right:0;
  left:0;
  z-index:9999;
  text-align:center;
}
#alert-box .message {
  text-align:left;
  color:white;
  width:370px;
  margin:0 auto;
  padding:1.2em 1.4em;
  background-color:#174A87;
  border:10px solid #0A2E58;
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding-box;
  background-clip:padding-box;
  -webkit-box-shadow:0 0 2px 1px black,0 0 10px black;
  -moz-box-shadow:0 0 2px 1px black,0 0 10px black;
  box-shadow:0 0 2px 1px black,0 0 10px black;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
#alert-box .button-group {margin:1.7em 0 0;}
#alert-box button {
  border:none;
  margin:0 2px;
}
.jsfiddle-demo {
  display:block;
  width:99%;
  height:300px;
  border:2px solid #bbb;
}

#main-wrapper {
  -webkit-animation:init 1s;
  -moz-animation:init 1s;
  -ms-animation:init 1s;
  -o-animation:init 1s;
  animation:init 1s;
}
h1,h2,h3,h4,h5,h6,#sidebar-wrapper,#ad-wrapper {
  -webkit-animation:init 2s;
  -moz-animation:init 2s;
  -ms-animation:init 2s;
  -o-animation:init 2s;
  animation:init 2s;
}

#contact-frame {
  width:560px;
  height:375px;
  border:none;
  background-color:#333;
  position:absolute;
  top:100px;
  left:50%;
  z-index:9999;
  margin:0 0 0 -280px;
  overflow:hidden;
  -webkit-box-shadow:0 1px 3px black;
  -moz-box-shadow:0 1px 3px black;
  box-shadow:0 1px 3px black;
}
#contact-close {
  position:absolute;
  top:105px;
  left:50%;
  margin:0 0 0 -268px;
  border:none;
  z-index:99999;
  text-decoration:none;
  font-weight:bold;
  font-size:150%;
  line-height:normal;
  color:white;
}

#cse-search-box,#subscribe-form form {font:inherit;}
#cse-search-box {
  position:absolute;
  top:5.3px;
  right:10px;
  z-index:10;
  vertical-align:top;
  text-align:right;
  width:165px;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;
}
#cse-search-box input.search-field,#subscribe-form input {
  background-color:#444;
  width:125px;
  padding:1px;
  -webkit-box-shadow:inset 0 0 2px #333;
  -moz-box-shadow:inset 0 0 2px #333;
  box-shadow:inset 0 0 2px #333;
  border:1px solid;
  border-color:#222 #444 #444 #222;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}
#cse-search-box input.search-field:focus {
  width:160px;
  color:white;
  background-color:#f3a01e;
  -webkit-box-shadow:0 0 2px white,0 0 30px white;
  -moz-box-shadow:0 0 2px white,0 0 30px white;
  box-shadow:0 0 2px white,0 0 30px white;
  border-color:white;
  -webkit-transition:all .1s ease-out;
  -moz-transition:all .1s ease-out;
  -ms-transition:all .1s ease-out;
  -o-transition:all .1s ease-out;
  transition:all 1s ease-out;
}
.bg-1-top {
  z-index:1;
  height:27px;
  background-color:#7D921B;
  background-image:url(http://urang-kurai-blogspot.googlecode.com/svn/trunk/UK/image/police-line.png);
  background-position:bottom center;
  background-repeat:repeat-x;
  -webkit-box-shadow:0 3px 6px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.9)inset;
  -moz-box-shadow:0 3px 6px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.9)inset;
  box-shadow:0 3px 6px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.9)inset;
}
